!!!###!!!title=110-How to customize pointer style in a gauge chart——VisActor/VChart FAQ documents!!!###!!!

How to customize pointer style in a gauge chart?

Question Description

I don't know how to set custom pointer of vchart gauge chart using spec.

Just like this demo or echarts gauge chart. Which configuration item should I configure?

https://www.visactor.io/vchart/demo/example/gauge-chart/gauge-progress

Solution

VChart can do this. You can refer to the following demo to set a custom path for the gauge pointer. The coordinate of the center of the pointer is required to be at point (0, 0).

Code Example

Result

Quote

github:https://github.com/VisActor/VChart

Demo page: https://www.visactor.io/vchart/demo/gauge-chart/gauge-gradient